<script setup lang="ts"></script>

<template>
    <div class="description">
        <div class="description__main">
            <h1 class="description__main--title">通往工业4.0的桥梁</h1>
            <div class="description__main--line"></div>
            <h4 class="description__main--subtitle">连接ERP和MES的核心枢纽-智能大脑的核心</h4>
            <p class="description__main--text">
                基于有限能力综合考虑资源条件约束，提高设备稼动率，综合排产
                精确到工序、设备、车间时分秒，对生产订单进行实施跟踪和预警
            </p>
        </div>
    </div>
</template>
13585789456
<style lang="scss" scoped>
@include b(description) {
    display: flex;
    align-items: center;
    width: 55vw;
    height: 35vw;
    margin-left: 11vw;
    background: url('@/assets/img/login-icon.webp') no-repeat;
    background-color: var(--el-color-primary-light-4);
    background-position: 25vw 8.5vw;
    background-size: 28.25vw;
    border-radius: 10px;

    @include e(main) {
        width: 32vw;
        margin-left: 3.5vw;
        color: #fff;

        @include m(title) {
            font-size: 2.5vw;
            line-height: 4.5vw; /* 133.333% */
        }

        @include m(line) {
            width: 5vw;
            height: 0.2vw;
            margin: 2.875vw 0;
            background: rgb(255 255 255 / 30%);
            border-radius: 4px;
        }

        @include m(subtitle) {
            margin-bottom: 1vw;
            font-size: 1.5vw;
            line-height: 2vw; /* 142.857% */
            text-align: justify;
        }

        @include m(text) {
            width: 28vw;
            font-size: 1vw;
            font-weight: 300;
            line-height: 1.6vw; /* 160% */
            text-align: justify;
        }
    }
}

@media (width < 1270px) {
    @include b(description) {
        width: 698.5px;
        height: 444px;
        margin-left: 139.7px;
        background-position: 317.5px 107px;
        background-size: 358px;

        @include e(main) {
            width: 406px;
            margin-left: 44px;

            @include m(title) {
                font-size: 32px;
                line-height: 57px; /* 133.333% */
            }

            @include m(line) {
                width: 63.5px;
                height: 2.5px;
                margin: 36.5px 0;
            }

            @include m(subtitle) {
                margin-bottom: 12.7px;
                font-size: 19px;
                line-height: 25.4px; /* 142.857% */
            }

            @include m(text) {
                width: 358px;
                font-size: 12.7px;
                line-height: 20.3px;
            }
        }
    }
}
</style>
